spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonBlock, SkeletonRows } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-6" aria-busy>7      <Skeleton className="mb-4 h-3 w-56" />8      <Skeleton className="mb-2 h-3 w-32" />9      <Skeleton className="mb-3 h-7 w-64" />10      <div className="mb-5 flex gap-2">11        <Skeleton className="h-5 w-20" />12        <Skeleton className="h-5 w-24" />13        <Skeleton className="h-5 w-16" />14      </div>15      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-4">16        {Array.from({ length: 4 }).map((_, i) => (17          <div key={i} className="flex flex-col gap-2">18            <Skeleton className="h-7 w-20" />19            <Skeleton className="h-2.5 w-24" />20          </div>21        ))}22      </div>23      <div className="mt-6 grid gap-4 md:grid-cols-2">24        <SkeletonRows rows={5} />25        <SkeletonBlock className="h-[220px]" />26      </div>27      <SkeletonRows rows={6} className="mt-8" />28    </Page>29  );30}31